html, body, ul, li, img, input, label {
  padding: 0;
  margin: 0; }

body {
  background-color: #000000; }
  body form ul {
    list-style-type: none; }
    body form ul li {
      display: inline-block;
      margin-right: 10px; }
      body form ul li .smallPicture {
        height: 150px;
        width: 150px; }
  body form > label > img {
    display: none; }
  body form input[type=radio] {
    display: none; }
    body form input[type=radio]:checked + label img {
      display: inline-block;
      width: 500px;
      height: 500px;
      background-repeat: no-repeat;
      margin-left: 40px; }
      body form input[type=radio]:checked + label img #lionSpan {
        background-image: url(images/lions.png); }
      body form input[type=radio]:checked + label img #tigerSpan {
        background-image: url(images/tiger.png); }
      body form input[type=radio]:checked + label img #pantherSpan {
        background-image: url(images/panther.png); }
      body form input[type=radio]:checked + label img #cheetahSpan {
        background-image: url(images/cheetah.png); }
      body form input[type=radio]:checked + label img #polarBearSpan {
        background-image: url(images/polar_bears.png); }
      body form input[type=radio]:checked + label img #blackHorseSpan {
        background-image: url(images/black_horse.png); }

